<template>
  <t-dialog :visible.sync="visible"
  :header="`科普场地详情`"
  :confirmBtn="null"
  :cancelBtn="null"
  :onClose="closeDialog"
  :closeOnOverlayClick="false"
  placement="center"
  width="80%">
      <div style="height: 65vh; width: 98%">
          <t-form ref="form" :data="formData" :colon="true">
          <t-row>
              <t-col :span="4">
                  <t-form-item labelWidth="220px" label="年度" name="year">
                    {{formData.year}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普场馆-个数" name="kjgsl">
                    {{formData.kjgsl}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普场馆-展厅面积  平方米" name="kjgjzmj">
                    {{formData.kjgjzmj}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普场馆-当年参观人次" name="kjgcgrc">
                    {{formData.kjgcgrc}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普场馆-常设展品 件套" name="kjgcszp">
                    {{formData.kjgcszp}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普场馆-门票收入 万元" name="kjgmpsr">
                    {{formData.kjgmpsr}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科学技术类博物馆-个数" name="bwgsl">
                    {{formData.bwgsl}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科学技术类博物馆-建筑面积  平方米" name="bwgjzmj">
                    {{formData.bwgjzmj}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科学技术类博物馆-展厅面积  平方米" name="bwgztmj">
                    {{formData.bwgztmj}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普宣传专栏-当年内容更新次数" name="gxcs">
                    {{formData.gxcs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="国家级科普基地	" name="gjjkpjd">
                    {{formData.gjjkpjd}}
                  </t-form-item>
              </t-col>
              <t-col :span="4">
                  <t-form-item labelWidth="220px" label="科学技术类博物馆-当年参观人次" name="bwgcgrc">
                    {{formData.bwgcgrc}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科学技术类博物馆-常设展品 件套" name="bwgcszp">
                    {{formData.bwgcszp}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科学技术类博物馆-门票收入 万元" name="bwgmpsr">
                    {{formData.bwgmpsr}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="青少年科技馆站-个数" name="kjzsl">
                    {{formData.kjzsl}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="青少年科技馆站-建筑面积  平方米" name="kjzjzmj">
                    {{formData.kjzjzmj}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="青少年科技馆站-展厅面积  平方米" name="kjzztmj">
                    {{formData.kjzztmj}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="青少年科技馆站-当年参观人次" name="kjzcgrc">
                    {{formData.kjzcgrc}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="青少年科技馆站-常设展品	件套" name="kjzcszp">
                    {{formData.kjzcszp}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="非场馆类科普场地-个数" name="fcgkpcd">
                    {{formData.fcgkpcd}}
                  </t-form-item>
                  <t-form-item labelWidth="270px" label="非场馆类科普场地-科普展厅面积	平方米" name="fcgjjzmj">
                    {{formData.fcgjjzmj}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="省级科普基地" name="sjkpjd">
                    {{formData.sjkpjd}}
                  </t-form-item>
              </t-col>
              <t-col :span="4">
                  <t-form-item labelWidth="220px" label="非场馆类科普场地-当年参观人次" name="fcgcgrc">
                    {{formData.fcgcgrc}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="城市社区科普（技）活动场所" name="cssqkphdcs">
                    {{formData.cssqkphdcs}}
                  </t-form-item>
                  <t-form-item labelWidth="300px" label="城市社区科普（技）活动场所-当年服务人次" name="cssqfwrc">
                    {{formData.cssqfwrc}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="农村科普（技）活动场所" name="nckphdcs">
                    {{formData.nckphdcs}}
                  </t-form-item>
                  <t-form-item labelWidth="300px" label="农村科普（技）活动场所-当年服务人次" name="ncfwrc">
                    {{formData.ncfwrc}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="流动科普宣传设施-科普宣传专用车" name="xccl">
                    {{formData.xccl}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="流动科普宣传设施-当年服务人次" name="xcfwrc">
                    {{formData.xcfwrc}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="流动科普宣传设施-流动科技馆站" name="ldkjg">
                    {{formData.ldkjg}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="流动科普宣传设施-当年服务人次" name="ldfwrc">
                    {{formData.ldfwrc}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普宣传专栏" name="kpxcl">
                    {{formData.kpxcl}}
                  </t-form-item>
              </t-col>
          </t-row>
      </t-form>
      </div>
  </t-dialog>
</template>

<script>

export default {
  name: "site-detail-dialog",
  props:{
    objId: {
      type: [String, Number],
      default: '',
    },
    header: {
      type: String,
      default: '新增'
    },
    row: {
      type: Object,
      default: () => ({})
    },
    isUpdate: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      visible: true,
      formData: {
        name: '',
      },
      confirmLoading: false,
    }
  },
  created() {
    Object.assign(this.formData, this.row)
  },
  methods: {
    closeDialog() {
      this.$emit("update:visible", false);
    }
  },
}

</script>

<style scoped>

</style>